﻿@charset "utf-8";
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,input,button,textarea,select,strong,i,dl,dt,dd,ol,ul,li,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,footer,header,hgroup,menu,nav,section,audio,video{ margin:0; padding:0; border:0; -webkit-tap-highlight-color:rgba(0,0,0,0)}
article,aside,details,footer,header,hgroup,menu,nav,section{ display:block}
ol,ul{ list-style:none}
table{ border-collapse:collapse; border-spacing:0}
input,button,textarea,select{ font-family:"Microsoft YaHei"; font-size:inherit; font-weight:inherit; width:auto; overflow:visible; border:0; background:#fff; font-size:14px; outline:0; resize:none; border-radius:0;-webkit-appearance:none}
h1,h2,h3,h4,h5,h6{ font-weight:400; font-family:"微软雅黑";}
html,body{ height:100%}
a,a:focus,a:active,a:hover,a:visited,input,button,textarea,select{ outline:0; text-decoration:none}
i,em{ font-style:normal}
a,button,select,input[type=submit],input[type=button]{ -webkit-tap-highlight-color:rgba(0,0,0,0)}
body{ background:#fff; font-size:12px; color:#4a4a4a; font-family:"Microsoft YaHei",Arial,Verdana,serif; -webkit-user-select:none; -webkit-touch-callout:none; -webkit-backface-visibility:hidden}
.hide {display:none}
.fl{ float:left;}
.fr{ float:right;}
.clear:after{ content:'\20'; display:block; height:0; clear:both;}
.lock{ overflow:hidden;}
.icon{ background:url(../img/piao.png) no-repeat; background-size:500px; overflow:hidden;}
.bg{ background:#edeeee;}
.fixed{ position:relative;}
.shade{ display:none; position:absolute; top:0; left:0; width:100%; background:rgba(0,0,0,.5); z-index:10;}
.elli{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.red{ color:#f62459;}

.wrap.pb60{ padding:0 0 60px;}


.nav{ position:fixed; left:0; bottom:0; width:100%; height:50px; border-top:1px solid #c2c2c2; background:#fff; z-index:6;}
.nav a{ position:relative; display:block; width:33.33%; height:50px; line-height:50px; font-size:16px; color:#bbbcbd; text-align:center;}
.nav a.active{ color:#004d8c;}
.nav a i{ position:absolute; top:6px; left:50%; width:18px; height:18px; margin:0 0 0 14px; border-radius:50%; line-height:18px; background:#ff3b30; font-size:12px; font-style:normal; color:#fff; text-align:center;}
.nav a em{ position:absolute; top:10px; left:50%; width:8px; height:8px; margin:0 0 0 14px; border-radius:50%; line-height:18px; background:#ff3b30; font-size:12px; font-style:normal; color:#fff; text-align:center;}

.addprice{ position:fixed; left:50%; bottom:68px; width:50px; height:50px; margin:0 0 0 -25px; padding:5px; border-radius:50%; background:rgba(0,77,140,.2); z-index:9;}
.addprice .add{ position:relative; width:50px; height:50px; border-radius:50%; background:#004d8c;}
.addprice .add:after{ position:absolute; top:11px; left:23px; content:'\20'; width:4px; height:28px; border-radius:2px; background:#fff;}
.addprice .add:before{ position:absolute; top:23px; left:11px; content:'\20'; width:28px; height:4px; border-radius:2px; background:#fff;}
.addprice .tip{ position:absolute; top:-54px; left:-35px; width:130px; height:39px; line-height:30px; background-position:0 0; font-size:14px; color:#d5b175; text-align:center;}

.process{ height:36px; padding:16px 45px 0;}
.process .img{ position:relative; height:1px; background:#004d8c;}
.process .img span{ position:absolute; top:-5px; width:8px; height:8px; border:2px solid #004d8c; border-radius:50%; background:#edeeee;}
.process .img span:first-child{ left:-5px;}
.process .img span:nth-child(2){ left:50%; margin:0 0 0 -5px;}
.process .img span:nth-child(3){ right:-5px;}
.process .img span.active{ background:#004d8c;}
.process .text{ line-height:34px; font-size:14px; color:#bbbcbd; text-align:center;}

.bill_change{ background:#fff;}
.bill_change a{ position:relative; display:block; height:50px; padding:10px 0 0 16px; border-bottom:1px solid #dfdfe1;}
.bill_change a b{ display:block; margin:0 0 4px; font-size:14px; font-weight:normal; color:#4a4a4a;}
.bill_change a span{ display:block; font-size:12px; color:#9b9b97;}
.bill_change a i{ position:absolute; right:10px; top:24px; width:7px; height:12px; background-position:0 -40px;}

.bill_write.mt8{ margin:8px 0 0;}
.bill_write dl{ position:relative; height:44px; border-top:1px solid #e1e1e3; line-height:44px; background:#fff; font-size:14px; color:#4a4a4a;}
.bill_write dl.nob{ border-top:none;}
.bill_write dl.mt8{ margin:8px 0 0;}
.bill_write dl.z15{ z-index:15;}
.bill_write dl.num{ height:60px; line-height:60px;}
.bill_write dt{ width:74px; text-align:right;}
.bill_write dd{ padding:0 18px 0 0;}
.bill_write dd.pa30{ padding:0 30px 0 0;}
.bill_write dd.icon{ position:absolute; right:14px; top:16px; width:7px; height:12px; padding:0; background-position:0 -40px;}
.bill_write dd.text{ width:60%; padding:0 0 0 44px; box-sizing:border-box; font-size:12px;}
.bill_write dd.text input{ width:100%; height:36px; margin:0; padding:0; border:none; color:#4a4a4a;}
.bill_write dd.number{ width:100px; height:30px; margin:14px 16px 0 0; padding:0; border:1px solid #004d8c; border-radius:3px;}
.bill_write dd.number .cut{ display:block; width:30px; height:30px; background-position:-196px -41px;}
.bill_write dd.number .add{ display:block; width:30px; height:30px; background-position:-226px -41px;}
.bill_write dd.number .tx{ display:block; width:38px; height:30px; border-left:1px solid #004d8c; border-right:1px solid #004d8c; line-height:30px; color:#004d8c; text-align:center;}
.bill_write .date{ position:relative;}
.bill_write .date .line{ position:absolute; top:24px; left:0; width:24px; height:42px; background:#fff;}
.bill_write .date .line:after{ position:absolute; top:20px; left:24px; content:'\20'; width:6px; height:1px; background:#fff;}
.bill_write .date .line i{ display:block; width:8px; height:42px; background-position:-8px -40px;}
.bill_write .check{ height:60px; margin:8px 0; background:#fff;}
.bill_write .check label{ width:50%; height:60px; border-right:1px solid #e1e1e3; box-sizing:border-box; line-height:60px; font-size:17px; text-align:center;}
.bill_write .check label:last-child{ border-right:none;}
.bill_write .check label i{ display:inline-block; width:20px; height:16px; margin:0 0 0 30px; background-position:-17px -40px; vertical-align:-2px;}
.bill_write .check label i.active{ background-position:-40px -40px;}
.bill_write .check.check1 label{ width:33.33%;}
.bill_write .check.check1 label i{ margin:0 0 0 15px;}
.bill_write .btn{ position:relative; padding:22px 24px 16px;}
.bill_write .btn a{ display:block; width:100%; height:44px; border-radius:6px; line-height:44px; background:#bbbcbd; font-size:17px; color:#fff; text-align:center;}
.bill_write .btn a.active{ background:#004d8c;}
.bill_write .btn .tip{ position:absolute; top:-17px; left:50%; width:130px; height:39px; margin:0 0 0 -65px; line-height:30px; background-position:0 0; font-size:14px; color:#d5b175; text-align:center;}
.bill_write .btn_xiao{ padding:70px 58px 20px;}
.bill_write .btn_xiao a{ display:block; width:100%; height:48px; border:1px dashed #d5b175; border-radius:6px; line-height:48px; background:#fff; font-size:17px; color:#d5b175; text-align:center;}
.bill_write .btn_xiao a i{ display:inline-block; width:20px; height:20px; margin:0 20px 0 0; background-position:-170px -42px; vertical-align:-4px;}

.bank_search{ padding:0 0 44px;}
.bank_search .top{ position:relative; height:36px; padding:8px 70px 0 72px; background:#fff;}
.bank_search .top input{ width:100%; height:28px; padding:0 10px 0 28px; box-sizing:border-box; border-radius:6px; background:#edeeee url(../img/search.png) no-repeat 8px 8px; background-size:13px;}
.bank_search .top .btn{ position:absolute; right:10px; top:8px; width:50px; height:28px; border-radius:6px; line-height:28px; background:#1890f4; font-size:14px; color:#fff; text-align:center;}
.bank_search .top .back{ position:absolute;left:10px; top:8px; height:28px; line-height:28px; color:#4a4a4a;}
.bank_search .top .back i{ display:inline-block; width:8px; height:13px; margin:0 10px 0 0; background-position:0 -55px; vertical-align:-2px;}
.bank_search h2{ height:30px; line-height:30px; font-size:12px; color:#bbbcbd; text-indent:16px;}
.bank_search .list{ background:#fff;}
.bank_search .list a{ display:block; width:100%; height:44px; border-bottom:1px solid #dfdfe1; box-sizing:border-box; line-height:44px; font-size:14px; color:#4a4a4a; text-indent:16px;}
.bank_search .list a:last-child{ border-bottom:none;}
.bank_search .list.hot a{ width:50%; border-right:1px solid #dfdfe1;}
.bank_search .list.hot a:nth-child(even){ border-right:none;}
.bank_search .list.hot a:last-child{ border-bottom:none;}
.bank_search .list.hot a:nth-last-child(2){ border-bottom:none;}

.countdown{ position:relative; height:80px; padding:10px 80px 0; background:#fff; text-align:center;}
.countdown p{ line-height:30px; font-size:14px; color:#000; text-align:center;}
.countdown .close_inquiry{ position:absolute; right:0; top:15px; width:80px; color:#929292; text-align:center;}
.countdown .close_inquiry i{ display:block; width:20px; height:20px; margin:10px 0 5px 30px; background-position:-17px -60px;}
.countdown .back{ position:absolute;left:10px; top:30px; height:28px; line-height:28px; color:#929292;}
.countdown .back i{ display:inline-block; width:8px; height:13px; margin:0 10px 0 0; background-position:0 -55px; vertical-align:-2px;}
.countdown .time{ display:inline-block; width:120px; height:40px; line-height:40px; background-position:-135px 0; font-size:18px; color:#fff;}
.countdown .time span{ display:block; width:40px;}
.countdown_text{ padding:5px 10px; border-top:1px solid #dfdfe1; line-height:20px; background:#fff; color:#929292;}

.myxun{ margin:0 0 8px;}
.myxun h3{ height:30px; line-height:30px; text-indent:12px;}
.myxun .info{ padding:8px 0; background:#fff;}
.myxun dl{ position:relative; height:26px; line-height:26px; font-size:14px; color:#4a4a4a;}
.myxun dl dt{ width:74px; color:#929292; text-align:right;}
.myxun dl dd{ padding:0 18px;}
.myxun .more{ height:30px; border-top:1px solid #dfdfe1; line-height:30px; background:#fff; color:#929292; text-align:center;}

.inquiry{ padding:0 0 60px;}
.inquiry .top{ position:relative; height:50px; padding:10px 80px 0; background:#fff; text-align:center;}
.inquiry .top p{ position:absolute; left:0; top:0; width:80px; line-height:60px; font-size:17px; color:#000; text-align:right;}
.inquiry .top .close_inquiry{ position:absolute; right:0; top:0; width:80px; color:#929292; text-align:center;}
.inquiry .top .close_inquiry i{ display:block; width:20px; height:20px; margin:10px 0 5px 30px; background-position:-17px -60px;}
.inquiry .top .time{ display:inline-block; width:120px; height:40px; line-height:40px; background-position:-135px 0; font-size:18px; color:#fff;}
.inquiry .top .time span{ display:block; width:40px;}
.inquiry .item h2{ height:48px; padding:0 12px 0 20px;}
.inquiry .item h2 b{ line-height:48px; font-size:17px;}
.inquiry .item h2 span{ margin:20px 0 0; font-size:12px;}
.inquiry .item h2 i{ display:inline-block; width:14px; height:13px; margin:0 14px 0 0; background-position:-150px -42px; vertical-align:-2px;}
.inquiry .item table{ font-size:14px; color:#4a4a4a;}
.inquiry .item th{ height:26px; border-right:1px solid #e0effb; background:#e0effb; font-size:12px; font-weight:normal;}
.inquiry .item td{ height:60px; border-right:1px solid #efeff0; border-bottom:1px solid #efeff0; background:#fff; text-align:center;}
.inquiry .item td .del{ display:inline-block; width:18px; height:17px; background-position:-150px -60px; vertical-align:-4px;}
.inquiry .item td .shot{ color:#004d8c; text-decoration:underline;}
.inquiry .item td.people{ padding:5px; background:#edeeee;}
.inquiry .item td.people .one{ position:relative; width:100%; height:40px; padding:2px 40px 0 50px; border-radius:6px 6px 0 0; box-sizing:border-box; background:#d8d8d8; text-align:left;}
.inquiry .item td.people .one:last-child{ margin:0;}
.inquiry .item td.people .one img{ position:absolute; left:10px; top:5px; width:30px; height:30px; border-radius:50%;}
.inquiry .item td.people .one p{ font-size:14px; color:#4a4a4a;}
.inquiry .item td.people .one span{ display:block; font-size:12px;}
.inquiry .item td.people .one .call{ position:absolute; right:0; top:0; width:40px; height:40px;}
.inquiry .item td.people .one .call i{ display:inline-block; width:21px; height:19px; margin:10px 0 0 10px; background-position:-40px -60px;}
.inquiry .item td.people .onesub{ position:relative; width:100%; height:27px; margin:0 0 5px; padding:0 12px 0 60px; border-top:1px solid #cacaca; border-radius:0 0 6px 6px; box-sizing:border-box; background:#d8d8d8;}
.inquiry .item td.people .onesub span{ position:absolute; left:12px; top:3px; width:34px; height:20px; border-radius:4px; line-height:20px; background:#004d8c; font-size:12px; color:#fff; text-align:center;}
.inquiry .item td.people .onesub p{ width:230px; line-height:26px; font-size:12px;}

.inquiry .btn_xiao{ padding:28px 58px;}
.inquiry .btn_xiao a{ display:block; width:100%; height:48px; border:1px dashed #d5b175; border-radius:6px; line-height:48px; background:#fff; font-size:17px; color:#d5b175; text-align:center;}
.inquiry .btn_xiao a i{ display:inline-block; width:20px; height:20px; margin:0 20px 0 0; background-position:-170px -42px; vertical-align:-4px;}
.inquiry .ps{ position:relative; height:44px; line-height:44px; background:#fff; font-size:14px; color:#4a4a4a;}
.inquiry .ps dt{ width:74px; text-align:right;}
.inquiry .ps dd{ padding:0 18px 0 0;}
.inquiry .ps .text{ width:60%; padding:0 0 0 44px; box-sizing:border-box; font-size:12px;}
.inquiry .ps .text input{ width:100%; height:36px; margin:0; padding:0; border:none; color:#4a4a4a;}
.inquiry .btn{ padding:22px 24px 16px;}
.inquiry .btn a{ display:block; width:100%; height:44px; border-radius:6px; line-height:44px; background:#bbbcbd; font-size:17px; color:#fff; text-align:center;}
.inquiry .btn a.active{ background:#004d8c;}

.invite{ position:fixed; bottom:0; left:0; width:100%; height:50px; box-shadow:0 -1px 1px #ddd; background:#fff;}
.invite a{ display:block; width:50%; height:50px; color:#4a4a4a; text-align:center;}
.invite .wx{ display:inline-block; width:28px; height:20px; margin:5px 0 0; background-position:-120px -63px;}
.invite .fd{ display:inline-block; width:24px; height:20px; margin:5px 0 0; background-position:-120px -42px;}

.bidding{}
.bidding .one{ margin:8px 0 0; background:#fff;}
.bidding .one .top{ position:relative; height:58px; margin:0 0 5px; padding:18px 170px 0 65px; text-align:left;}
.bidding .one .top:last-child{ margin:0;}
.bidding .one .top img{ position:absolute; left:10px; top:18px; width:40px; height:40px; border-radius:50%;}
.bidding .one .top em{ position:absolute; left:40px; top:14px; width:18px; height:18px; border-radius:50%; line-height:18px; background:#ff3b30; color:#fff; text-align:center;}
.bidding .one .top p{ margin:0 0 4px; font-size:14px; color:#4a4a61;}
.bidding .one .top span{ display:block; font-size:12px; color:#929292;}
.bidding .one .top .city{ position:absolute; left:50%; top:18px; width:60px; font-size:14px; text-align:center;}
.bidding .one .top .city b{ display:block; font-weight:normal; color:#4a4a61;}
.bidding .one .top .int{ position:absolute; right:16px; top:18px; width:60px; font-size:14px; text-align:right;}
.bidding .one .top .int b{ display:block; font-weight:normal; color:#f62459;}
.bidding .one .top .already{ position:absolute; right:16px; top:20px; width:44px; height:24px; border-radius:6px; line-height:24px; background:#004d8c; font-size:12px; color:#fff; text-align:center;}
.bidding .one .remark{ position:relative; height:30px; padding:0 12px 0 60px; background:#e0effb;}
.bidding .one .remark span{ position:absolute; left:12px; top:5px; width:34px; height:20px; border-radius:4px; line-height:20px; background:#004d8c; font-size:12px; color:#fff; text-align:center;}
.bidding .one .remark p{ line-height:30px;}
.bidding .one .talk{ height:30px; padding:0 12px; line-height:30px;}
.bidding .one .talk a{ color:#929292;}
.bidding .one .talk .phone{ display:inline-block; width:21px; height:21px; margin:0 4px 0 0; background-position:-275px -50px; vertical-align:-6px;}
.bidding .one .talk .online{ display:inline-block; width:20px; height:17px; margin:0 4px 0 0; background-position:-275px -75px; vertical-align:-4px;}
.bidding .one .record{ padding:12px 12px 0; border-top:1px solid #dfdfe1; text-align:left;}
.bidding .one .record .rone{ position:relative; padding:4px 0 12px 32px; }
.bidding .one .record .rone img{ position:absolute; left:0; top:0; width:24px; height:24px; border-radius:50%;}
.bidding .one .record .rone p{ margin:0 0 4px; font-size:12px; color:#4a4a61;}

.quote_list .one{ margin:0 0 8px; background:#fff;}
.quote_list .one .top{ position:relative; height:30px; padding:0 90px; line-height:30px; background:#e0effb; color:#8cc6f4; text-align:center;}
.quote_list .one .top span{ color:#4a4a61}
.quote_list .one .top .time{ position:absolute; right:12px; top:0;}
.quote_list .one .top .place{ position:absolute; left:12px; top:0;}
.quote_list .one .info{ position:relative; height:58px; padding:20px 130px 0 65px; border-bottom:1px solid #dfdfe1; text-align:left;}
.quote_list .one .info img{ position:absolute; left:10px; top:20px; width:40px; height:40px; border-radius:50%;}
.quote_list .one .info>em{ position:absolute; left:42px; top:20px; width:8px; height:8px; border-radius:50%; line-height:8px; background:#ff3b30; color:#fff; text-align:center;}
.quote_list .one .info p{ margin:0 0 4px; font-size:15px; color:#4a4a61;}
.quote_list .one .info span{ display:block; font-size:12px; color:#929292;}
.quote_list .one .info .money{ position:absolute; right:16px; top:19px; width:100px; font-size:14px; color:#4a4a4a; text-align:right;}
.quote_list .one .info .money b{ display:block; margin:0 0 4px; font-size:15px; font-weight:normal; color:#f62459;}
.quote_list .one .info .money em{ display:block;}
.quote_list .one .subinfo{ height:44px; padding:16px 12px 0; border-bottom:1px solid #dfdfe1;}
.quote_list .one .subinfo .tag{ height:28px; margin:0 17px 0 0; padding:0 6px; border-radius:6px; line-height:28px; background:#004d8c; font-size:14px; color:#fff; text-align:center;}
.quote_list .one .subinfo p{ position:relative; top:-4px; font-size:12px; color:#535461;}
.quote_list .one .subinfo p b{ display:block; font-size:14px; font-weight:normal;}
.quote_list .one .subinfo p span{ line-height:36px; font-size:14px;}
.quote_list .one .other{ height:24px; padding:0 12px; line-height:24px; color:#4a4a61;}
.quote_list .one .other i{ display:inline-block; width:13px; height:11px; margin:0 6px 0 0; background-position:0 -85px; vertical-align:-2px;}
.quote_list .one .info strong{ position:absolute; left:40px; top:14px; width:18px; height:18px; border-radius:50%; line-height:18px; background:#ff3b30; font-weight:normal; color:#fff; text-align:center;}


.nolist{ position:fixed; left:0; top:50%; width:100%; height:130px; margin:-65px 0 0;}
.nolist i{ display:block; position:relative; left:50%; width:80px; height:76px; margin:0 0 20px -40px; background-position:-190px -73px;}
.nolist p{ font-size:14px; color:#979797; text-align:center;}

.ttip{ position:fixed; left:50%; top:50%; width:90px; height:90px; margin:-45px 0 0 -45px; box-shadow:0 0 6px #bbb; border-radius:6px; background:#fff;}
.ttip .loading{ width:90px; height:90px; background:url(../img/loading.gif) no-repeat 29px 29px;}
.ttip .success{ padding:27px 0 0 27px;}
.ttip .success i{ display:block; width:35px; height:35px; background-position:0 -100px;}

.chat{ display:none; position:fixed; left:0; bottom:0; width:100%; height:45px; padding:7px 80px 0 10px; border-top:1px solid #dcdcdc; box-sizing:border-box; background:#fff;}
.chat input{ width:100%; height:30px; padding:5px; border:1px solid #979797; border-radius:6px; box-sizing:border-box;}
.chat a{ position:absolute; right:10px; top:7px; width:60px; height:30px; border-radius:6px; line-height:30px; background:#004d8c; font-size:12px; color:#fff; text-align:center;}


.vip .tab{ height:43px; background:#fff;}
.vip .tab a{ display:block; width:50%; height:43px; border-bottom:1px solid #d8d8d8; box-sizing:border-box; color:#bbbcbd;}
.vip .tab a:last-child{ border-left:1px solid #d8d8d8;}
.vip .tab a span{ display:block; height:40px; border-bottom:2px solid #fff; line-height:40px; font-size:14px; text-align:center;}
.vip .tab a.active{ border-bottom-color:#004d8c; color:#004d8c;}
.vip .tab a.active span{ border-bottom-color:#004d8c;}

.vip .data{ margin:56px 0 0; border-top:1px solid #d8d8d8;}
.vip .data dl{ border-bottom:1px solid #d8d8d8; line-height:46px; font-size:14px;}
.vip .data dt{ width:60px; padding:0 14px 0 0; color:#bbbcbd; text-align:right;}
.vip .data dd{ width:75%;}
.vip .data dd input{ width:100%; height:46px; border:none; line-height:46px;}
.vip .data .btn{ position:relative; padding:72px 24px 0;}
.vip .data .btn a{ display:block; width:100%; height:44px; border-radius:6px; line-height:44px; background:#bbbcbd; font-size:17px; color:#fff; text-align:center;}
.vip .data .btn a.active{ background:#004d8c;}
.vip .data .btn .tip{ position:absolute; top:33px; left:50%; width:130px; height:39px; margin:0 0 0 -65px; line-height:30px; background-position:0 0; font-size:14px; color:#d5b175; text-align:center;}

.vip .friend{ position:relative; padding:0 0 50px;}
.vip .friend .nofriend{ padding:100px 0 0; font-size:16px; color:#979797; text-align:center;}
.vip .friend .group{ position:absolute; top:0; left:0; width:69px; height:100%; background:#edeeee; z-index:5;}
.vip .friend .group span{ display:block; height:44px; border-left:4px solid #edeeee; line-height:44px; font-size:14px; color:#4a4a4a; text-align:center;}
.vip .friend .group span.active{ border-left-color:#004d8c; background:#fff; color:#004d8c;}
.vip .friend .group a{ display:block; width:46px; height:46px; margin:10px 0 0 12px; background-position:-260px 0;}
.vip .friend .list{ background:#fff;}
.vip .friend .list li{ position:relative; height:77px; padding:10px 10px 0 140px; border-bottom:1px solid #c2c2c2;}
.vip .friend .list li img{ position:absolute; left:85px; top:10px; width:40px; height:40px; border-radius:50%;}
.vip .friend .list li a{ position:absolute; left:77px; top:56px; width:54px; height:22px; border-radius:4px; line-height:22px; background:#004d8c; font-size:10px; color:#fff; text-align:center;}
.vip .friend .list li p{ margin:0 0 4px; font-size:14px; color:#4a4a4a;}
.vip .friend .list li span{ display:block; font-size:12px; color:#bbbcbd;}
.vip .friend .branch{ position:absolute; top:-43px; left:0; width:100%; height:100%; padding:0 0 0 140px; box-sizing:border-box; z-index:6;}
.vip .friend .branch .change{ position:relative; width:100%; height:100%; box-shadow:-2px 0 2px #ddd; background:#fff;}
.vip .friend .branch .change .arrow{ position:absolute; left:-8px; width:8px; height:17px; background-position:-310px -25px;}
.vip .friend .branch .change h3{ height:30px; border-bottom:1px solid #e7e7e7; line-height:30px; font-size:12px; color:#bbbcbd; text-indent:16px;}
.vip .friend .branch .change li{ height:44px; border-bottom:1px solid #e7e7e7;}
.vip .friend .branch .change li a{ display:block; height:44px; line-height:44px; font-size:14px; color:#4a4a6a;}
.vip .friend .branch .change li a i{ display:inline-block; width:14px; height:14px; margin:0 12px 0 16px; background-position:-30px -85px; vertical-align:-2px;}
.vip .friend .branch .change li a.active i{ background-position:-45px -85px;}

.mask{ display:none; position:fixed; top:50%; left:50%; border-radius:6px; z-index:20;}

.mask_tip{ width:270px; height:125px; margin:-62px 0 0 -135px; background:#fff; overflow:hidden;}
.mask_tip p{ height:80px; line-height:80px; font-size:17px; color:#000; text-align:center;}
.mask_tip .btn{ height:44px; border-top:1px solid #c2c2c2;}
.mask_tip .btn a{ display:block; width:50%; height:44px; box-sizing:border-box; line-height:44px; font-size:17px; color:#000; text-align:center;}
.mask_tip .btn a:last-child{ border-left:1px solid #c2c2c2; color:#1890f4;}

.mask_quote{ width:93.75%; margin:-198px 0 0 -46.875%; background:#fff; overflow:hidden;}
.mask_quote .top{ position:relative; height:49px; padding:26px 10px 0 60px; border-bottom:1px solid #c2c2c2;}
.mask_quote .top .close{ position:absolute; right:8px; top:8px; width:20px; height:20px; background-position:-17px -60px;}
.mask_quote .top .success{ position:absolute; left:10px; top:26px; width:41px; height:42px; background-position:-75px -40px;}
.mask_quote .top p{ margin:0 0 4px; font-size:17px; color:#000;}
.mask_quote .top span{ color:#bbbcbd;}
.mask_quote .top .invites{ display:block; width:108px; height:27px; margin:10px 0 0; border:1px solid #004d8c; border-radius:6px; line-height:27px; color:#004d8c; text-align:center;}
.mask_quote .group{ position:absolute; top:76px; left:0; width:69px; height:243px; background:#edeeee; z-index:5;}
.mask_quote .group span{ display:block; height:44px; border-left:4px solid #edeeee; line-height:44px; font-size:14px; color:#4a4a4a; text-align:center;}
.mask_quote .group span.active{ border-left-color:#004d8c; background:#fff; color:#004d8c;}
.mask_quote .list{ height:244px; overflow:hidden; overflow-y:auto;}
.mask_quote .list li{ position:relative; height:77px; padding:10px 60px 0 140px; border-bottom:1px solid #c2c2c2;}
.mask_quote .list li img{ position:absolute; left:85px; top:10px; width:40px; height:40px; border-radius:50%;}
.mask_quote .list li p{ margin:0 0 4px; font-size:14px; color:#4a4a4a;}
.mask_quote .list li span{ display:block; font-size:12px; color:#bbbcbd;}
.mask_quote .list li .check{ position:absolute; right:16px; top:35px; width:20px; height:16px; background-position:-17px -40px;}
.mask_quote .list li .check.active{ background-position:-40px -40px;}
.mask_quote .list li .already{ position:absolute; right:16px; top:32px; width:44px; height:24px; border-radius:6px; line-height:24px; background:#004d8c; font-size:12px; font-style:normal; color:#fff; text-align:center;}
.mask_quote .btn{ position:relative; padding:16px;}
.mask_quote .btn .tip{ position:absolute; top:-23px; left:50%; width:130px; height:39px; margin:0 0 0 -65px; line-height:30px; background-position:0 0; font-size:14px; color:#d5b175; text-align:center;}
.mask_quote .btn a{ display:block; width:100%; height:44px; border-radius:6px; line-height:44px; background:#004d8c; font-size:17px; color:#fff; text-align:center;}
.mask_quote .nofriend{ padding:0 0 6px; background:#fff; text-align:center;}
.mask_quote .nofriend h2{ padding:6px 0 3px; font-size:17px; color:#000;}
.mask_quote .nofriend h3{ margin:0 0 2px; font-size:14px; color:#000; text-indent:40px; text-align:left;}
.mask_quote .nofriend p{ margin:0 0 4px; color:#bbbcbd; text-align:center;}
.mask_quote .nofriend span{ color:#004d8c;}
.mask_quote.simple .top{ height:44px; padding:0;}
.mask_quote.simple .top p{ margin:0; line-height:44px; font-size:14px; text-indent:10px;}
.mask_quote.simple .top .close{ top:12px; right:12px;}
.mask_quote.simple .group{ top:45px;}

.mask_group{ top:0; left:0; width:100%; padding:30px 0 0; border-radius:0; background:#fff;}
.mask_group .text{ padding:0 24px;}
.mask_group .text input{ width:100%; height:44px; padding:5px; border:1px solid #ccc; border-radius:6px; box-sizing:border-box;}
.mask_group .btn{ padding:12px 24px 16px;}
.mask_group .btn a{ display:block; width:100%; height:44px; border-radius:6px; line-height:44px; background:#bbbcbd; font-size:17px; color:#fff; text-align:center;}
.mask_group .btn a.active{ background:#004d8c;}

.mask_int{ top:0; left:0; width:100%; padding:10px 0 0; border-radius:0; background:#fff;}
.mask_int dl{ position:relative; left:50%; width:270px; height:44px; margin:0 0 0 -135px; padding:0 0 12px;}
.mask_int dt i{ display:block; width:14px; height:14px; margin:15px 0 0; background-position:-30px -85px;}
.mask_int dt i.active{ background-position:-45px -85px;}
.mask_int dd{ margin:0 0 0 12px; line-height:44px;}
.mask_int dd.box{ width:188px; height:32px; padding:5px; border-radius:6px; line-height:32px; border:1px solid #979797;}
.mask_int dd.box input{ width:166px; height:32px;}
.mask_int dd.short{ width:71px;}
.mask_int dd.short input{ width:49px;}
.mask_int .check{ height:44px; border-top:1px solid #dfdfe1; border-bottom:1px solid #dfdfe1; background:#fff;}
.mask_int .check label{ width:33.33%; height:44px; border-right:1px solid #e1e1e3; box-sizing:border-box; line-height:44px; font-size:14px; text-align:center;}
.mask_int .check label:last-child{ border-right:none;}
.mask_int .check label i{ display:inline-block; width:20px; height:16px; margin:0 0 0 15px; background-position:-17px -40px; vertical-align:-4px;}
.mask_int .check label i.active{ background-position:-40px -40px;}
.mask_int .check.long label{ width:50%;}
.mask_int .text{ position:relative; height:44px; padding:0 0 0 84px; border-bottom:1px solid #dfdfe1; line-height:44px; background:#fff;}
.mask_int .text span{ position:absolute; left:0; top:0; width:70px; text-align:right;}
.mask_int .text input{ width:70%; height:44px; padding:5px; box-sizing:border-box; border:none;}
.mask_int .btn{ position:relative; padding:12px 24px 16px;}
.mask_int .btn .tip{ position:absolute; top:-29px; left:50%; width:130px; height:39px; margin:0 0 0 -65px; line-height:30px; background-position:0 0; font-size:14px; color:#d5b175; text-align:center;}
.mask_int .btn a{ display:block; width:100%; height:44px; border-radius:6px; line-height:44px; background:#bbbcbd; font-size:17px; color:#fff; text-align:center;}
.mask_int .btn a.active{ background:#004d8c;}

.mask_wx{ top:0; left:0; width:100%;}
.mask_wx .text{ position:absolute; right:20px; top:0; width:210px; height:46px; padding:90px 0 0 20px; background:url(../img/wx1.png) no-repeat; background-size:230px; font-size:16px; color:#fff;}

.mask_wx_tip{ top:0; left:0; width:100%;}
.mask_wx_tip .text{ position:absolute; right:20px; top:0; width:264px; height:169px; padding:105px 0 0 20px; background:url(../img/wx2.png) no-repeat; background-size:284px; color:#fff; text-align:center;}
.mask_wx_tip .text h4{ padding:0 0 10px; font-size:16px;}
.mask_wx_tip .text p{ font-size:12px;}
.mask_wx_tip .text a{ position:absolute; bottom:0; left:50%; width:122px; height:55px; margin:0 0 0 -61px; line-height:44px; background-position:-65px -85px; font-size:14px; color:#fff;}

.mask_sign{ width:300px; height:400px; margin:-200px 0 0 -150px; background:#fff;}
.mask_sign .close{ position:absolute; right:8px; top:8px; width:20px; height:20px; background-position:-17px -60px;}
.mask_sign .top{ height:108px; border-bottom:1px solid #dfdfe1; text-align:center;}
.mask_sign .top h3{ padding:18px 0 12px; font-size:23px; font-weight:normal; color:#4a4a61;}
.mask_sign .top h3 i{ display:inline-block; width:41px; height:42px; margin:0 18px 0 0; background-position:-75px -40px; vertical-align:-10px;}
.mask_sign .top p{ font-size:14px; color:#4a4a61;}
.mask_sign h2{ height:55px; padding:25px 0 0;}
.mask_sign .form{ padding:40px 30px;}
.mask_sign .form dl{ margin:0 0 16px; border-bottom:1px solid #cbcbcb; line-height:30px;}
.mask_sign .form dt{ font-size:14px; color:#4a4a61;}
.mask_sign .form dd input{ width:165px; height:20px; padding:5px;}
.mask_sign p{ color:#f62459; text-align:center;}
.mask_sign .btn{ padding:30px 0 0;}
.mask_sign .btn a{ display:inline-block; width:100%; height:44px; border-radius:6px; line-height:44px; background:#bbbcbd; font-size:17px; color:#fff; text-align:center;}
.mask_sign .btn a.active{ background:#004d8c;}
.mask_sign .btn a.short{ width:48%; font-size:12px;}

@media(orientation:landscape) {
}
@media(min-width:320px) and (min-height:504px) {
	.mask_quote{ margin-top:-242px;}
	.mask_quote .group{ height:331px;}
	.mask_quote .list{ height:332px;}
	.mask_quote .nofriend{ padding-bottom:15px;}
	.mask_quote .nofriend h2{ padding:15px 0 8px;}
	.mask_quote .nofriend h3{ margin:0 0 8px;}
	.mask_quote .nofriend p{ margin:0 0 8px;}
}
@media(min-width:375px) and (min-height:603px) {
	.mask_quote{ margin-top:-292px;}
	.mask_quote .group{ height:430px;}
	.mask_quote .list{ height:431px;}
	.mask_quote .nofriend{ padding-bottom:25px;}
	.mask_quote .nofriend h2{ padding:25px 0 15px;}
	.mask_quote .nofriend h3{ margin:0 0 15px;}
	.mask_quote .nofriend p{ margin:0 0 15px;}
}
}
@media(min-width:414px) and (min-height:672px) {
	.mask_quote{ margin-top:-326px;}
	.mask_quote .group{ height:499px;}
	.mask_quote .list{ height:500px;}
}

.shan
{
animation:mymove 1s infinite;
-webkit-animation:mymove 1s infinite;
}

@keyframes mymove
{
	0%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@-webkit-keyframes mymove
{
	0%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}